<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>scroller</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>

<!--kui-->
<script src="../lib/zepto.min.js"></script>
<script src="../src/js/fastClick.js"></script>
<script src="../src/js/init.js"></script>
<script src="../src/js/layer.js"></script>
<script src="../src/js/zepto-adapter.js"></script>

<script src="../lib/JRoll/jroll.js"></script>
<script src="../src/plus/Scroller/scroller.js"></script>
</head>

<body>
<div class="kui-page-fixed">
	<div class="kui-header">
		<div class="pull-left icon-left app-back" onClick="history.back()">返回</div>
		<h1 class="kui-title">滚动组件</h1>
	</div>
	<div class="kui-content">
		<div class="Pd scroller" style="background:#FFF;height:150px;">
			<div class="inner">
				<div class="kui-tips-default">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
				<div class="kui-tips-default Mt">普通提示</div>
				<div class="kui-tips-primary Mt">普通提示</div>
				<div class="kui-tips-success Mt">普通提示</div>
				<div class="kui-tips-warning Mt">普通提示</div>
				<div class="kui-tips-danger Mt">普通提示</div>
			</div>
		</div>
		
	</div>
</div>
<script>
$(function(){
	//var jroll = new JRoll(".scroller", {scrollBarY:true});
	
	$('.scroller').scroller();
	setTimeout(function(){
		//$('.scroller').scrollTo(0,-150,200);
		//console.log('scrollTo')
	},2000)
})
</script>
</body>
</html>